<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
	<title>充值</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no, maximum-scale=1.0" />
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta content="black" name="apple-mobile-web-app-status-bar-style" />
	<meta name="msapplication-tap-highlinght" content="no" />
	<script type="text/javascript" src="/static/js/jquery190.js"></script>
</head>
<style type="text/css">
	html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
	    margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;font-family: arial,微软雅黑;vertical-align: baseline; -webkit-tap-highlight-color:rgba(0,0,0,0);}
	input, select, textarea {font-size: 100%;outline: none;border: none;background: none;}
	html{background:url(/static/images/hallbg.jpg) no-repeat center bottom,url(/static/images/bg.jpg);background-size:100%; height: 100%;}
	.top{margin:0 auto;}
	.main{margin:0 auto;width: 40vw; padding-top: 9.1vw;}
	.main img{width: 100%}
	.rad{background: url(/static/images/charge_menu2.png)no-repeat;background-size:100%;display: block;width: 85.4vw;height: 46.2vw; margin:6.135vw auto 0;}
	.momey{color: red;width: 13vw;font-weight: bold;text-align: right;}
	.radi{display:inline-block;width: calc(82vw / 3);width: -webkit-calc(82vw / 3);width: -moz-calc(82vw / 3); height:22vw;margin:0;padding:0;cursor: pointer;}
	.imga{background: url(/static/images/selectted_icon.png)no-repeat 16vw 10.5vw;background-size:34%;}
	.lile{margin:22.31vw 0 0 28.4vw;}
	.lile span{color: #FFF;font-size: 4.8vw;font-weight:bold;}
	.lile img{width: 31.3vw; margin:5.9vw auto 0;}
	.confirm{width: 31.3vw;height: 11.9vw;background:url(/static/images/confirm_btn.png)no-repeat; background-size: 100%;margin:5.95vw 0 0 7.82vw;}
	.remove{width: 31.3vw;height: 11.9vw;background:url(/static/images/remove.png)no-repeat; background-size: 100%;margin:5.95vw 0 0 14.93vw;}
</style>
<body>
	<div class="top">
		<form action="{$formurl}" method="post" id="form1" name="form1">
		<div class="main">
			<img src="/static/images/charge_icon.png">
		</div>
		<div class="rad">
			<div class="radi" value="100" name="1000"><input type="hidden" name="type" value="3"/> </div>
			<div class="radi" value="500" name="7000"><input type="hidden" name="type" value="4"/> </div>
			<div class="radi" value="1000" name="15000"><input type="hidden" name="type" value="5"/> </div>
			<div class="radi" value="2000" name="32000"><input type="hidden" name="type" value="6"/> </div>
			<div class="radi" value="5000" name="85000"><input type="hidden" name="type" value="7"/> </div>
			<div class="radi" value="10000" name="180000"><input type="hidden" name="type" value="8"/> </div>
		</div>
		<div class="lile">
			<span>剩余钻石：{$user['diamond']}钻石</span><br/>
			<span>支付金额：<input class="momey" id="t" value="" readonly="readonly"/>元</span><br/>
			<span>本月累计：{$money}元</span>
		</div>
		<input class="remove" type="button" onclick="location.href='{$url}'"/>
		<input class="confirm" type="button" onclick="document.form1.submit();"/>
		</form>
	</div>
	<script type="text/javascript">
		$(function(){
			$('.radi').click(function(){
				var count = $(this)[0].attributes[1].value;
				$('#t').val(count);
				$('.rad div').removeClass('imga');
				$(this).addClass('imga');
			});
		});
	</script>
</body>
</html>